<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8" />
    <title>02-注册事件方式2</title>
    <link rel="stylesheet" href="../Bootstrap/css/bootstrap.min.css">
    <script type="text/javascript" src="../VueJs/vue.js"></script>
</head>
<body>
    <div id="app">
        <div class="container">
            <h3>注册事件的方式-简写</h3>
            <!-- 方式1：通过标准指令注册事件 -->
            <!-- <span class="btn btn-success" v-on:click="fn">点击事件</span> -->
            <!-- 方式2：通过简写方式注册事件 -->
            <span class="btn btn-success" @click="fn">点击事件</span>

        </div>
    </div>

    <script type="text/javascript">
        //阻止 vue 在启动时生成生产提示。
        Vue.config.productionTip = false
    
        new Vue({
            el: '#app',
            data: {
                msg: 'hello !'
            },
            methods: {
                fn() {
                    console.log(10086)
                }
            }
        })
    </script>
</body>
</html>